// import React from "react";
// import ReactDOM from "react-dom/client";
// import './style/index.scss'

// let arr = [
//   {
//     id:'↑',
//     title:'组海报带你看活力中国'
//   },
//   {
//     id:1,
//     title:'胡鑫宇录音笔解析今日出结果'
//   },
//   {
//     id:2,
//     title:'组海报带你看活力中国'
//   },
// ]

// let arr2 = [
//   {
//     id:3,
//     title:'多重部署为消费复苏添信心'
//   },
//   {
//     id:4,
//     title:'胡鑫宇家属:遗体在学校后山粮库找到'
//   },
//   {
//     id:5,
//     title:'30多家中企排队申请在瑞士上市'
//   },
// ]
// //点击事件
// const on = ()=>{
//   alert('123')
// }
// let baidu = <>
//               <div className="warpper">
//                 <div className="img">
//                   <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度" />
//                 </div>
//                 <div className="top">
//                   <input type="text" className="inp"/>
//                   <button className="btn" onClick={on}>百度一下</button>
//                 </div>
//                 <div className="sou">
//                   <div className="souson">
//                     <div className="souson1">百度热搜</div>
//                     <div className="souson2">换一换</div>
//                   </div>
//                 </div>
//                 <div className="con">
//                   <div className="content">
//                      <div>
//                         <ul>
//                           {
//                             arr.map((item)=>{
//                                return <>
//                                         <li key={item.id}>
//                                           <span className="list1">{
//                                             item.id
//                                               }
//                                          </span>
//                                          <a href="1">
//                                           {item.title}</a>
//                                         </li>
//                                       </>
//                             })
//                           }
//                           {
//                           /* <li>
//                             <span className="list1">↑</span>
//                             <a href="1">组海报带你看活力中国</a>
//                           </li>
//                           <li>
//                             <span className="list2">1</span>
//                             <a href="2">胡鑫宇录音笔解析今日出结果</a>
//                             <div className="re">热</div>
//                           </li>
//                           <li>
//                             <span className="list3">2</span>
//                             <a href="3">专家称年轻时不应为钱去选择工作</a>
//                             <div className="re">热</div>
//                           </li> */
//                           }
//                         </ul>
//                      </div>
//                      <div className="contentright">
//                         <ul>
//                           {
//                             arr2.map((item)=>{
//                                return <>
//                                         <li key={item.id}>
//                                           <span className="list4">{item.id}</span>
//                                          <a href="1"> {item.title}</a>
//                                         </li>
//                                       </>
//                             })
//                           }
//                           {/* <li>
//                             <span className="list4">3</span>
//                             <a href="4">多重部署为消费复苏添信心</a>
//                           </li>
//                           <li>
//                             <span className="list5">4</span>
//                             <a href="5">胡鑫宇家属:遗体在学校后山粮库找到</a>
//                             <div className="re">热</div>
//                           </li>
//                           <li>
//                             <span className="list6">5</span>
//                             <a href="6">30多家中企排队申请在瑞士上市</a>
//                           </li> */}
//                         </ul>
//                      </div>
//                   </div>
//                 </div>
//               </div>
//               <div className="todulist">
//                  <div className="todutop">
//                    <h1 className="title">拾亿记事本</h1>
//                    <p>记录生活点点滴滴，写下生活每一个美好</p>
//                    <div className="typing">
//                      <div className="typingleft">内容</div>
//                      <input type="text" placeholder="请输入你要记事的内容" />
//                      <div className="typingright">确认</div>
//                    </div>
//                  </div>
//                  <div className="bottom">
//                   123123
//                  </div>
//               </div>
//             </>

// let rot = ReactDOM.createRoot(document.getElementById('root'))
// rot.render(baidu)



//1.导入核心库
import React from "react";
//2.导入react-dom用于react操纵dom
import  ReactDOM  from "react-dom/client";
//加载APP组件入口文件(组件的主文件)
import App from './App'
//4.创建根节点
let rot = ReactDOM.createRoot(document.getElementById('root'))
//5.渲染
rot.render(<App />)